import { useLocation, useSearchParams, useParams } from "react-router-dom";
import React, { useEffect } from "react";

const Detail = () => {
  // state
  const location = useLocation();

  // params
  const params = useParams();

  // search
  const [searchParams, setSearchParams] = useSearchParams();

  useEffect(() => {
    console.log(location, 'State');
    console.log(searchParams.get("id"), 'Search');
    console.log(params, 'Params');
  }, []);

  return <div>详情</div>;
};

export default Detail;
